<img class="logo" src="/themes/{{siteInfo.theme}}/assets/img/LOGO.png" alt="">
<div id="myCarousel" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        {{#features 'hots'}}
        <li data-target="#myCarousel" data-slide-to="{{@index}}" {{#if @first}}class="active" {{/if}}></li>
        {{/features}}
    </ol>
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        {{#features 'hots'}}
        <div class="item {{#if @first}}active{{/if}}">
            <img style="width:100%;max-height:300px;" src="{{thumbnail.src}}" alt="{{title}}">
        </div>
        {{/features}}
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="carousel-control left" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
<a type="button" href="/wxcode" class="btn btn-default btn-block" style="border-radius:0px;">
    <img style="width:29px;height:20px;margin-right:10px" src="/themes/{{siteInfo.theme}}/assets/img/weixin.png" alt="">
    <span style="color:orange">关注公众号</span>，随时接收互动消息
    <span class="glyphicon glyphicon-chevron-right"></span>
</a>
<div style="width:100%;height:3px;background-color:#ccc"></div>
<table class="title">
    <tr>
        <td colspan="3" style="text-align:center">
            <h1><small>TIANYU PRODUCT DISPLAY</small></h1>
        </td>
    </tr>
    <tr>
        <td><img style="width:100%;" src="/themes/{{siteInfo.theme}}/assets/img/line_left.png" alt=""></td>
        <td class="text">
            <h2>产品展示</h2>
        </td>
        <td><img style="width:100%;" src="/themes/{{siteInfo.theme}}/assets/img/line_right.png" alt=""></td>
    </tr>
</table>
<div class="container">
    <div class="row">
        <div class="col-xs-12" style="margin-bottom:5px;">
            {{#foreach series limit="2"}}
            <a href="/?series={{series}}" type="button" class="btn btn-default {{#if active}}active{{/if}}">{{series}}</a>
            {{/foreach}}
            <a href="/cpsj/cpzs" type="button" class="btn btn-default" style="color:orange;border-color:orange">更多 >></a>
        </div>
    </div>
    <div class="row">
        {{#foreach homeslist.cpzs.contents limit="4"}}
        <div class="col-xs-3">
            {{#if thumbnail}}
            <a href="{{url}}"><img style="width:100%;" src="{{thumbnail.src}}" alt=""></a>
            <div class="text-center" style="width:100%;background-color:#eee;padding:5px">
                <ul class="list-inline" style="margin:0px">
                    <li style="width:16px;height:16px;background-color:orange;margin-bottom:-3px;"></li>
                    <li>{{title}}</li>
                </ul>
            </div>
            {{/if}}
        </div>
        {{/foreach}}
    </div>
</div>

<table class="title">
    <tr>
        <td colspan="3" style="text-align:center">
            <h1><small>CUSTOMER USER CASES</small></h1>
        </td>
    </tr>
    <tr>
        <td><img style="width:100%;" src="/themes/{{siteInfo.theme}}/assets/img/line_left.png" alt=""></td>
        <td class="text">
            <h2>实景铺装</h2>
        </td>
        <td><img style="width:100%;" src="/themes/{{siteInfo.theme}}/assets/img/line_right.png" alt=""></td>
    </tr>
</table>
<div class="container">
    <div class="row">
        {{#foreach homeslist.sjpz.contents limit="2"}}
        <div class="col-xs-6">
            {{#if thumbnail}}
            <a href="{{url}}"><img style="width:100%;" src="{{thumbnail.src}}" alt="{{title}}"></a>
            <div class="text-center" style="width:100%;background-color:#eee;padding:5px">
                {{title}}
            </div>
            {{/if}}
        </div>
        {{/foreach}}
    </div>
    <div class="text-right" style="margin-top:5px;">
        <a href="{{homeslist.sjpz.url}}" style="color:orange">【更多】</a>
    </div>
</div>
<table class="title">
    <tr>
        <td colspan="3" style="text-align:center">
            <h1><small>TIANYU NEWS INFORMATION</small></h1>
        </td>
    </tr>
    <tr>
        <td><img style="width:100%;" src="/themes/{{siteInfo.theme}}/assets/img/line_left.png" alt=""></td>
        <td class="text">
            <h2>新闻中心</h2>
        </td>
        <td><img style="width:100%;" src="/themes/{{siteInfo.theme}}/assets/img/line_right.png" alt=""></td>
    </tr>
</table>
<div class="container">
    <div class="row">
        <div class="col-md-12">
            {{#foreach homeslist.news.contents limit="3"}}
            <div class="media">
                {{#if thumbnail}}
                <div class="media-left">
                    <img class="media-object" src="{{thumbnail.src}}" title="{{thumbnail.fileName}}" alt="{{thumbnail.description}}" width="100">
                </div>
                {{else}}
                <div class="media-left text-center">
                    <div style="width:100px;height:100px;background-color:#97d2ff;line-height:100px;font-size:50px;color:white">
                        {{dateformat date format="DD"}}
                    </div>
                    <div style="width:100px;height:30px;background-color:#0a89ea;line-height:30px;color:white">
                        {{dateformat date format="YYYY-MM"}}
                    </div>
                </div>
                {{/if}}
                <div class="media-body text-muted">
                    <h3 class="media-heading text-overflow margin-bottom-10"><a href="{{url}}" title="{{title}}">{{title}}</a></h3>
                    {{#if abstract}}
                    <p>{{abstract}}</p>
                    {{/if}}
                    <p><span>{{dateformat date format="YYYY年MM月DD日 HH:mm"}}</span><span class="pull-right">阅读量：{{reading.total}}</span></p>
                </div>
            </div>
            <hr> {{/foreach}}
        </div>
    </div>
    <div class="text-right">
        <a href="{{homeslist.news.url}}" style="color:orange">【更多】</a>
    </div>
</div>